*{
    box-sizing: border-box;
}

ul,li{
    list-style: none;
    padding: 0;
    margin: 0;
}

body{
    margin: 0px;
    min-width: 1290px;
}

a {
    /*color: #212529;*/
    text-decoration: none;
}


/* 头部样式 */
.header-wrap{
    position: fixed;
    background-color: white;
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    flex-direction: column;
    align-items: center;
	z-index: 99999;
}

.header{
    width: 1400px;
    display: flex;
    font-size: 16px;
    align-items: center;
    justify-content: space-between;
}

.top-right{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#top-tips{
    width: 100%;
    line-height: 20px;
    font-size: 14px;
    padding: 12px 20px;
    text-align: center;
    color: white;
    background: linear-gradient(90deg, rgba(97, 57, 246, 255) 0.126%, rgba(82, 74, 241, 255) 44.067%, rgba(42, 122, 242, 255) 97.163%);
    position: relative;

}

#banner-btn-close{
    width: 22px;
    height: 22px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 9px;
    right: 16px;
}

#banner-btn-close:hover{
    background: rgba(255, 255, 255, 0.35);
    cursor: pointer;
}

.seat{
    height: 114px;
}


    .logo{
        width: 260px;
        height: 50px;
    }

    .menu{
        display: flex;
    }

    .menu>li{
       padding: 25px 30px;
    }

    .menu>li:hover a{
        font-weight: bold;
        color: #0583FE;
    }



    .header-button{
        margin-left: 20px;
    }


    .login{
        color: white;
        font-size: 14px;
        display: flex;
        background: linear-gradient( -90deg,#a65ef7 0,#4c53ff 100%),#fff;
        border-radius: 49px;
        padding: 0 25px;
        height: 36px;
        align-items: center;
        transition: all .3s;
        letter-spacing: 1px;
    }

    .sub-menu-wrap{
        top: 114px;
        left: 0;
        width: 100%;
        position: absolute;
        background-color: white;
        opacity: 0;
        z-index: 999;
        visibility: hidden;
        /*border-top: 1px solid #EEEEEE;*/
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.10);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;

        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;

        -webkit-transform:scaleY( 0 );
        -moz-transform:scaleY( 0 );
        -ms-transform:scaleY( 0 );
        -o-transform:scaleY( 0 );
        transform:scaleY( 0 );

        display: flex;
        justify-content: center;
        padding: 10px 0px 30px 0px;
        font-size: 14px;
        border-top: 1px solid #EEEEEE;
    }

    .product-center:hover .sub-menu-wrap{
        opacity: 1;
        visibility: visible;
        -webkit-transform:scaleY( 1 );
        -moz-transform:scaleY( 1 );
        -ms-transform:scaleY( 1 );
        -o-transform:scaleY( 1 );
        transform:scaleY( 1 );
    }


    .sub-menu{
        width: 1200px;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-gap: 40px;

    }

    .sub-menu-item>li{
        padding: 15px 0px;
        display: flex;
        align-items: center;
    }

.sub-menu-item>li>img{
    width: 16px;
    height: 16px;
    margin-right: 16px;
}

.type{
    color: rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid rgba(238, 238, 238, 0.6);
    padding: 20px 0;
    margin-bottom: 10px;
}

.sub-menu-item a{
    color: rgba(0, 0, 0, 1)!important;
    font-weight: lighter !important;
    font-size: 14px !important;
}

/* 轮播样式开始，可能要替换 **/
.swiper-container{
    width: 100%;
    height: 500px;
    margin: 0 auto;
    overflow: hidden;

}
    .swiper-wrapper{
        width: 200%;
        height: 500px;
        margin: 0 auto;
        font-size: 0px;
        /*animation: text 5s ease 5s infinite;*/
        -moz-animation-duration:5s;
        -webkit-animation-duration:5s;
        -moz-animation-delay: 5s;
        -webkit-animation-delay:5s;
        -moz-animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite;
    }
    .swiper-slide{
        float: left;
        height: 500px;
        width: 50%;
    }
    .swiper-slide:nth-child(1){
        background-image:url('/static/images/index/banner1.svg');
        background-size: cover;
    }
    .swiper-slide:nth-child(2){
        background-image:url('/static/images/index/banner2.svg');
        background-size: cover;
    }
    img.d-block.w-100{
        width: 100%;
        height: 500px;	
    }
    @keyframes text {
        0%,50%{
            margin-left: 0px;
        }
        50%,100%{
            margin-left: -100%;
        }
    }
/* 轮播样式结束，可能要替换 **/

/* 轮播模块内容样式 */
    .slide1{
        display: grid;
        width: 1200px;
        margin: 56px auto 0 auto;
        grid-template-columns: 600px 1fr;
        grid-column-gap: 105px;
        justify-content: space-between;
    }
    .slide1 p{
        margin: 0;
        padding: 0;
        font-family: "Noto Sans SC";
        color: white;
    }
    .slide1-left{
        width: 598.95px;
    }
    .slide1-left p{
        font-size: 24px;
        font-weight: 300;
        line-height: 36px;
        text-align: center;
        margin-top: -15px;
    }
    .slide1-header{
        font-size: 32px;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: 1px;
    }
    .slide1-middle{
        font-size: 14px;
        font-weight: 300;
        line-height: 18px;
        letter-spacing: 1px;
        margin-top: 34px;
    }
    .slide1-middle p{
        margin-bottom: 20px;
    }
    .slide1-button{
        margin-top: 73px;
    }
    .slide1-button button{
        width: 150px;
        height: 50px;
        border-radius: 4px;
        color: white;
        font-family: "Noto Sans SC";
        font-size: 18px;
        cursor: pointer;
    }
    .slide1-button .detail{
        background: rgb(14, 116, 247);
        border: none;
    }
    .slide1-button .consult{
        background: transparent;
        border: 1px solid rgb(219, 219, 219);
        margin-left: 22px;
    }


/* 优势模块样式 */
.advantage{
    margin-bottom: 99px;
    display: grid;
    grid-template-columns: repeat(4,300px);
    grid-column-gap: 34px;
    justify-content: center;
}
.advantage-item{
    height: 300px;
    height: 218px;
    color: white;
    border-radius: 10px;
    padding: 20px;
    display: grid;
}


.advantage-item:nth-of-type(1){
    background: linear-gradient(rgba(5,131,254,255) 1.442%,rgba(76,167,255,255) 100%);
}
.advantage-item:nth-of-type(2){
    background: linear-gradient(rgba(137,83,255,255) 0%,rgba(153,128,253,255) 100%);
}
.advantage-item:nth-of-type(3){
    background: linear-gradient(rgba(238,72,240,255) 0%,rgba(253,137,255,255) 100%);
}
.advantage-item:nth-of-type(4){
    background: linear-gradient(rgba(53,70,223,255) 0%,rgba(110,125,253,255) 100%);
}
.advantage-header{
    font-weight: 500;
    font-size: 32px;
    margin: 8px 0 0 0;
    line-height: 47px;
    letter-spacing: 2px;

}
.advantage-content p{
    margin: 0px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
}
.advantage-img{
    justify-self: end;
    align-self: end;
}

/* 功能简介样式 */
.function{
    width: 100%;
    background: url(/static/images/index/function-background.jpg) no-repeat;
    background-size: cover;
    padding-top: 86px;
    font-weight: 400;
}
.function-header{
    text-align: center;
}
.function-introduce{
    margin-top: 90px;
    padding-bottom: 120px;
    display: grid;
    grid-template-columns: repeat(3,336px);
    grid-gap: 74px;
    justify-content: center;

}
.introduce{
    height: 160px;
    background: rgba(255, 255, 255, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    display: grid;
    grid-template-columns: 140px 1fr;
    box-sizing: border-box;
}

.introduce:hover{
    box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.1) ;
    border: 2px solid rgba(255, 255, 255, 1);
}


.introduce img{
    margin-left: 35px;
    align-self: center;
}
.introduce-header{
    margin-top: 33px;
    font-size: 18px;
    line-height: 27px;
    color: rgba(0, 0, 0, 0.9);
}
.introduce-content{
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    line-height: 21px;
    margin-right: 30px;
}

/* 部分主要功能详情 */
.function-detail{
    width: 100%;
    margin-top: 190px;
}
.function-detail ul{
    margin-top: 42px;
    padding-left: 20px;
}
.function-detail li {
    color: rgba(0, 0, 0, 0.7);
    font-family: Noto Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 1px;
}
.function-detail a{
	display: block;
    text-align: center;
    margin-top: 65px;
    width: 198px;
    height: 58px;
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 500;
    line-height: 58px;
    background: linear-gradient(to right,rgba(249,109,246,255) 0.481%,rgba(127,103,249,255) 37.652%,rgba(47,91,239,255) 95.673%);
    border-radius: 60px;
    border: none;
}
.session-chat-background{
    background: url('/static/images/index/function-detail1-background.svg') no-repeat left bottom;
    background-size: 35%;
}
.session-chat{
    margin: 0 auto;
    width: 1344.46px;
    height: 641.67px;
    display: grid;
    grid-template-columns: 601px 631px;
    justify-content: space-between;
}
.session-chat img{
    justify-self: start;
    margin-left: -80px;
}
.session-content{
    width: 1344.46px;
    margin: -23.67px auto 0 auto;
    height: 911.33px;
    display: grid;
    grid-template-columns: 516px 631px;
    justify-content: space-between;
}
.session-content .title{
    margin-top: 104px;
}
.session-content li{
    letter-spacing: 3px;
}
.session-content-background{
    background: url('/static/images/index/function-detail2-background.svg') no-repeat center bottom;
}
.session-content img{
    justify-self: end;
    margin-left: -30px;
}

.customer-manage{
    margin: -92.34px auto 0 auto;
    width: 1344.46px;
    display: grid;
    grid-template-columns: 675px 530px;
    justify-content: space-between;
}
.customer-manage .title{
    margin-top: 23px;
}

.customer-marketing{
    margin: 0 auto;
    width: 1344.46px;
    display: grid;
    grid-template-columns: 550px 730px;
    justify-content: space-between;
}
.customer-marketing .title{
    margin-top: 228px;
}
.customer-marketing-background{
    padding-top: 172px;
    background: url('/static/images/index/function-detail4-background.svg') no-repeat left top;
}
.customer-marketing li{
    letter-spacing: 2px;
}
.customer-marketing img{
    margin-left: -20px;
}

/* 中间广告位 */
.advertising{
    width: 100%;
    height: 468px;
    margin-top: 206px;
    /*background: linear-gradient(to left,rgba(83,100,255,255) 0%,rgba(63,79,228,255) 0.02%,rgba(227,128,246,255) 100%);*/
    background: linear-gradient(to right,rgb(152,106,238) 0%,rgb(137,101,236) 20%,rgb(119,96,234) 40%,rgb(67,80,228) 100%);

}
.advertising-container{
    width: 1290px;
    height: 468px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 529.12px auto;
    grid-column-gap: 191.45px;
}
.advertising img{
    margin-top: 131.99px;
}
.advertising-detail{
    margin-top: 102.83px;
}
.advertising-detail .title{
    color: rgb(255, 255, 255);
}
.advertising-detail a{
	display: block;
    text-align: center;
    width: 308px;
    height: 54px;
	line-height: 54px;
    border: none;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    margin-top: 49px;
}
.advertising-detail span{
    font-family: "Noto Sans SC";
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    /* 渐变色文字 */
    background-image:-webkit-linear-gradient(left,rgba(252,49,255,255) 0%,rgba(197,61,249,255) 32.508%,rgba(127,36,218,255) 55.482%,rgba(4,61,230,255) 100%);        /*为文本元素提供渐变背景*/
    -webkit-background-clip:text;                                               /*使用透明颜色填充文本*/
    -webkit-text-fill-color:transparent;                                        /*用文本剪辑背景，用渐变背景作为颜色填充文本*/
}
.advertising-detail p{
    color: rgba(255, 255, 255, 0.9);
    font-family: "Noto Sans SC";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin: 25px 0 0 0;
}

/* 行业资讯 */

.business-message{
    text-align: center;
    padding-top: 132px;
    padding-bottom: 146px;
    background: url('/static/images/index/business-message-background.jpg') no-repeat;
    background-size: cover;
}
.message-list{
    display: grid;
    grid-template-columns: 650px 650px;
    grid-column-gap: 45px;
    justify-content: center;
    padding-top: 72px;
}
.message-item{
    width: 650px;
    height: 78px;
    line-height: 78px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    margin-bottom: 48px;
    display: grid;
    grid-template-columns: auto 116px;
    align-items: center;
    justify-items: start;
    cursor: pointer;
}
.message-item img{
    margin-left: 33px;
	vertical-align: middle !important;
}
.message-content{
    color: rgba(0, 0, 0, 0.8);
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 19.42px;
}
.message-item .time{
    color: rgba(0, 0, 0, 0.6);
    font-family: "Noto Sans SC";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}
.read-more{
    margin-top: 82px;
}
.read-more a{
    text-decoration: none;
}



.customer-message{
    margin-top: 120px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(rgba(255,255,255,1) 0%,rgba(247,246,253,1) 100%);
}


/*客户墙*/
.customer-list{
    width: 1400px;
    padding: 60px 0px 20px 0px;
    display: grid;
    grid-template-columns: repeat(12,1fr);
    text-align: center;
    grid-gap: 60px 20px;
}

.customer img{
    border-radius: 50%;
    margin-bottom: 6px;
}

/* 页面内容标题 */
.container-title{
    color: rgba(0, 0, 0, 0.9);
    font-family: "Noto Sans SC";
    font-size: 38px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 2px;
    text-align: center;
}
/* 页面内容副标题 */
.container-subtitle{
    color: rgba(0, 0, 0, 0.7);
    font-family: "Noto Sans SC";
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 1px;
	text-align: center;
	margin-top: 20px
}

/* 底部 */
.footer{
    background-color: #33415B;
	margin-top: -22px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer .container{
    width: 1400px;
}

.footer-top{
    display: flex;
    padding: 20px 0px;
    border-bottom: 1px solid #ffffff;
    border-color: rgba(255,255,255,0.1);
}

.footer-name{
    font-size: 22px;
    color: white;
    margin-left: 6px;
}

.foot-content{
    padding: 60px 0px;
    display: grid;
    grid-template-columns: 2fr 3fr 2fr 5fr;
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft Yahei";
}

.foot-content .h4{
    color: rgba(255,255,255,.9);
    font-size: 16px;
    margin-bottom: 16px;
}

.foot-content ul li a{
    color: rgba(255,255,255,.8);
    padding: 10px 0px;
    display: block;
    font-size: 14px;
}

.copyright{
    width: 100%;
    background-color: #293751;
    display: flex;
    justify-content: center;
}

.copyright-wrap{
    width: 1400px;
    display: flex;
    padding: 24px;
    color: #aaaaaa;
    justify-content: space-between;
    align-items: center;

}

.copyright-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.copyright-item img{
    margin-right: 10px;
}

.copyright-wrap a{
    color: #aaaaaa !important;
}


.qr-code{
    display: flex;
}

.qrcode-item{
    padding: 0 30px;
    text-align: center;
}

.qrcode-item p{
   font-size: 14px;
}

.qr-code img{
    width: 120px;
    height: 120px;

}

.service-hotline{
    font-size: 16px;
    padding-left: 30px;
    margin: 30px 0 60px 0;
}

.foot-btn{
    display: flex;
    padding-left: 30px;

 }

.foot-btn div{
    background-color: #3E66FF;
    padding: 15px 40px;
    border-radius: 6px;
    margin-right: 40px;
}

.foot-btn a{
    color: rgba(255,255,255,.9) !important;
}

.foot-btn div:hover{
    cursor: pointer;
    background: linear-gradient( -90deg,#a65ef7 0,#4c53ff 100%),#fff;
}